/** * @description: 未处理任务详情 */
<template>
  <div class="pub-container">
    <van-tabs v-model="tabActive" swipe-threshold="4" title-active-color="#2E6CF6" title-inactive-color="#5F5F6B" line-width="24">
      <van-tab v-for="(item, index) of fiveHardList" :key="index" :title="item">
        <FiveHardTalk v-if="tabActive === 0" />
        <BaPsyStudyRoom v-if="tabActive !== 0" :isBehaviorAnomie="tabActive === 1" :isRoom="tabActive === 4" />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import FiveHardTalk from './components/fiveHardTalk' //五困生谈话
import BaPsyStudyRoom from './components/baPsyStudyRoom' //行为失范预警,心理预警,学业预警
export default {
  name: 'NoHandleTasks',
  components: { FiveHardTalk, BaPsyStudyRoom },
  data() {
    return {
      fiveHardList: ['五困生谈话', '行为失范预警', '心理预警', '学业预警', '寝室异常上报'],
      baPsyStudyAcive: [1, 2, 3],
      tabActive: 4, //当前选中的tab项
    }
  },
  methods: {},
}
</script>

<style lang="less" scoped>
::v-deep {
  .van-collapse-item__content {
    padding: 0 12px;
  }
  .van-cell__right-icon {
    line-height: 50px;
  }
  .van-tabs__nav {
    > div:first-child {
      width: 28%;
    }
  }
  .van-tabs__line {
    background: #2e6cf6;
  }
}
</style>
